<!DOCTYPE html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>gamehub游戏论坛</title>
    <link rel="stylesheet" type="text/css" href="/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/index.css"/>
    <script type="text/javascript" src="/js/jq1.9.js"></script>
    <script type="text/javascript" src="/js/ds.js"></script>
    <link rel="stylesheet" type="text/css" href="/lib/layui/css/layui.css">




</head>
<body>

<div id ="app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <ul class = "layui-nav" >
                <li class="layui-nav-item"><a href="/pages/index.html"><img src="/img/gamehub.png"></a></li>
                <li class="layui-nav-item"><a ></a></li>

                <li class="layui-btn layui-btn-radius layui-btn-primary">
                    <a href="/pages/news.html">新闻</a>
                </li>
                <li class="layui-nav-item"><a ></a></li>

                <li class="layui-btn layui-btn-radius layui-btn-primary">
                    <a href="/pages/game.html">攻略</a>
                </li>
                <!--<li class="layui-nav-item"><a ></a></li>-->

                <!--<li class="layui-btn layui-btn-radius layui-btn-warm">-->
                <!--<a href="javascript:void(0);" class="login" >新闻</a>-->
                <!--</li>-->



            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <input type="text"  name="gamesearchname" v-model="games.gamesearchname" lay-verify="title" autocomplete="off" class="layui-input">
                </li>

                <li class="layui-nav-item" ><a @click="gotoGame()"><img src="/img/search.png"  style="cursor:pointer" ></a></li>
                <span v-if="userName==null">
                <li class="layui-nav-item">
                    <a href="/pages/userLogin.html" target="_blank" class="login">登录</a>
                </li>

                <li class="layui-nav-item">
                    <a href="/pages/userRegiste.html" target="_blank" class="enroll">注册</a>
                </li>
                </span>
                <span v-if="userName!=null">
                <li class="layui-nav-item">
                    <a>{{userName}}</a>
                </li>

                <li class="layui-nav-item">
                    <a @click="logout()" style="cursor:pointer">退出</a>
                </li>
                </span>
            </ul>
        </div>
    </div>
    <br>
    <br>

    <div style="width:900px;margin:auto;">
        <!--{{gameList}}-->

        <div v-for="game in gameList">
            <a style="font-size:25px; color:#1155BB">
                {{game[0].gameType}}:
            </a>
            <a style="font-size:15px; color:#FF0000;cursor:pointer" @click="gotoGameDetail(gameName)" v-for="(gameName,index) in game[1].slice(0,7)">
                <span v-if="index!=0">&nbsp;|&nbsp;</span>
                {{gameName.gamename}}

                <!--{{gameName}}-->
            </a>
            <br>
            <br>
        </div>
    </div>
    <div style="width:900px;height:440px;margin:auto;">
        <br>
        -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
        <br>
        <br>

        <div style ="width:50%;float:left">
            <div  style="font-size:25px; color:#1155BB">热点新闻</div>

            <div  v-for="(news,index) in newsList.slice(0,6)" :key="index">
                <a style="font-size:17px; color:#FF9900;cursor:pointer" @click="gotoNewsDetail(news[0])">
                    {{news[0].title}}
                    <!--{{news}}-->
                </a>
                <br>
                <a >{{formatDate(news[0].newsDate)}}</a>
                <br>
                <br>
            </div>
            <p align="center" style="cursor:pointer;font-size:20px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/pages/news.html">更多新闻></a>
            </p>
        </div>
        <div style ="width:50%;float:left">
            <div  style="font-size:25px; color:#1155BB">大神攻略</div>

            <div  v-for="(strategy,index) in strategyList.slice(0,6)" :key="index">
                <a style="font-size:17px; color:#FF9900;cursor:pointer" @click="gotoStrategy(strategy)">
                    {{strategy[0].title}}
                    <!--{{strategy}}-->
                </a>
                <br>
                <div>
                    <a>{{strategy[2].username}}---</a>
                    <a>{{formatDateTime(strategy[1].lastmodifiedtime)}}</a>
                </div>
                <br>
                <!--{{formatDate((articleList[index]).lastmodifiedtime)}}-->
            </div>
            <p align="center" style="cursor:pointer;font-size:20px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/pages/news.html">更多攻略></a>
            </p>
        </div>
    </div>
</div>
<div style="width:900px;height:440px;margin:auto;" >
    <div class="layui-carousel" id = "test10">
        <div carousel-item="">
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
            <div><img src="/img/test.gif" width="900px" height="440px"></div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/lib/layui/layui.all.js"></script>
<script type="text/javascript" src="/js/vue.js" ></script>
<script type="text/javascript" src="/js/axios.min.js" ></script>
<script type="text/javascript" src="/js/vue-resource.js" ></script>
<script type="text/javascript" src="/js/index.js" ></script>
</body>
</html>



